import React from 'react'
import {app_name} from "../../../../../../../utils/constants";

const TLiveSysMsg = props => {

    let {
        data,
        icon,
        type,
    } = props

    data = data.replace('雷速体育', app_name)

    return <div
        style={{
            backgroundColor: 'rgba(51,51,51,0.05)',
            padding: '8px 10px',
            margin: '8px 0',
        }}
        className='flex-align-center'
    >
        <div
            style={{
                height: '24px',
                width: '24px',
                borderRadius: '50%',
                backgroundColor: '#fff',
                marginRight: '8px',
            }}
            className='flex-center-align-center'
        >
            <img alt='' src={icon} style={{width: 24, height: 24,}}/>
        </div>
        <p style={{width: '80%', lineHeight: '20px',}}>{data}</p>
    </div>

}

export default TLiveSysMsg
